<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>

<body>
  <p id="box"><b>node</b>vs<em>element</em>
    <!--注释-->
  </p>

  <script>
    let p = document.getElementById("box");

    // console.log(p.childNodes instanceof NodeList);
    // children是获取所有的元素节点
    console.log(p.children);

    // class Node{}
    // class Document extents Node{}
    // class DocumentFragment extents Node{}
    // class CharacterData extents Node{}

    // 文本节点和注释节点
    // class Text extents CharacterData{}
    // class Comment extents CharacterData{}

    // 元素节点
    // class Element extents Node{}
    // class HTMLElement extents Element{}
    // class HTMLDivElement extents HTMLElement{}
    // class HTMLInputElement extents HTMLElement{}
    // class HTMLImageElement extents HTMLElement{}
  </script>
</body>

</html>